@import '../../style/mixin.scss';

.invite {
    min-height : 100vh;
    padding-top: 96px;

    .invite-main {
        padding         : 25px;
        background-color: #fff;
    }

    .invite-money-top {
        padding: 20px 0;
    }

    .invite-money-img {
        width      : 180px;
        margin-left: 20px;
    }

    .invite-money-url {
        background-color: #eee;
        padding         : 10px 20px;

        p {
            @include flex(flex-start);
            margin: 10px 0;
        }

        input {
            width : 60%;
            margin: 0 10px;
        }
    }

    .invite-money-step {
        @include flex(18px, #000);
        margin-top: 30px;
    }

    .money-step {
        margin-top  : 30px;
        padding-left: 30px;
    }

    .money-step-img {
        width : 80px;
    }

    .money-step-right {
        margin: 0 30px 40px;
        width : 40px;
    }

    .money-step-item {
        @include flex();
        flex-direction: column;

        p {
            @include flex(18px, #000);
            padding-top: 10px;
        }
    }

    .invite-record-title {
        @include flex(18px, #000);
        height          : 74px;
        padding-left    : 20px;
        line-height     : 74px;
        font-weight     : 600;
        background-color: #F6F8FB;
    }

    .invite-table {
        tr th {
            background-color: #fff;
        }
    }
}